<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>绑定事件和移除事件</title>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript">
    /* $(function(){
		  $("#btn").click(function(){
			  $("#test").append("<p>我的绑定函数一</p>");
			  }).bind("click",function(){
				   $("#test").append("<p>我的绑定函数二</p>");
				  }).bind("click",function(){
				   $("#test").append("<p>我的绑定函数三</p>");
				  });
				  
		//移除按钮元素的以上注册的事
		$("#delAll").click(function(){
			$("#btn").unbind("click");
			})
		
		 })*/
		 
		 //删除某个指定的事件:指定函数名称
		 $(function(){
		/*<!--  $("#btn").bind("click",my1=function(){
			  $("#test").append("<p>我的绑定函数一</p>");
			  }).bind("click",my2=function(){
				   $("#test").append("<p>我的绑定函数二</p>");
				  }).bind("click",my3=function(){
				   $("#test").append("<p>我的绑定函数三</p>");
				  });-->*/
				  
		//移除按钮元素的以上注册的事
		/*$("#delAll").click(function(){
			$("#btn").unbind("click");
			})*/
			
			//移除第二个事件
			/*$("#delAll").click(function(){
			$("#btn").unbind("click",my2);
			})*/
			
			//bind方法可以实现多次重复绑定，one只绑定一次，随后就要立即解除绑定的情况
			
		 $("#btn").one("click",my1=function(){
			  $("#test").append("<p>我的绑定函数一</p>");
			  }).one("click",my2=function(){
				   $("#test").append("<p>我的绑定函数二</p>");
				  }).one("click",my3=function(){
				   $("#test").append("<p>我的绑定函数三</p>");
				  });
		 
		 })
</script>
</head>

<body>
<button id="btn"> 请点我</button>
<div id="test"></div>
<button id="delAll">删除所有事件</button>
</body>
</html>
